交互设计软件 pop 的使用教程

缘起

两天前,闲来无事逛 Play 商店的时候发现这款产品,叫做 pop 。长成这样子:

pop 图标

开始使用

首先是引导页:

引导页

话说状态栏不沉浸真的很丑

start 进入程序Login页:

Login页

因为我没有 facebook 的账号,同时不想注册,所以 MAYBE LATER 进入到程序的首页:

首页

侧滑菜单:

侧滑菜单

ok,其实主页很简单,有两栏:My ProjectOwned Other ,我的项目和别人的项目,意思是还支持多人协作。(收费,且服务器在国外相当之慢)侧滑菜单里就是写我不登录就没啥用的东西,所以先不看。

打开Sample 看到 6 张图片,这原型图也太草率了点

Sample

123456的排着序,长按 1,在每一项的前面都加了个复选框,选择了之后可以在右上角进行删除操作

长按1

好的,再次长按,也就是两次长按,可以对其进行拖动,排序

长按2

按下返回键 回到常规状态,选择第一张图片,得到如图界面:

打开第一张图片

可以看到,有顶部右边有个评论按钮,底部有个浮动框 ,在浮动框 上面有三个按钮,打开的图片上有些地方是绿色的。

评论 浮动框 绿色
发表评论 三个按钮的功能分别的是:开始播放,描述信息,对图片的一些处理 有link的区域

可能这样讲比较抽象,我们点击,播放按钮看图,它我们一个提示,两指双击退出这个模式:

随便点一个地方可以,绿色区域闪现,而绿色区域就是有link的地方,什么叫有link的地方?你点一下你就知道了,我们点击左下角或者个邮箱的地方

邮箱

跳到了另一张界面:

邮箱具体页面

再随便点击,发现绿色区域闪现,也就是link 区域,点击左上角,它的link 是返回上一页,点击之后,可以回到上一页。


基本演示完成。好吧主要是截图太累,睡觉了,静态图不太好说明,请看下面的动态图操作。


动态演示

添加图片
link
移动位置
link
添加link
link
添加可点击区域
link
完整演示
link

本文地址: http://wuht.coding.me/2016/10/27/交互设计软件 pop 的使用教程/